import { login, getProfile, getUserDetailById } from '@/api/user'
// 引入花裤衩封装好的cookie处理函数
import { getToken, setToken, removeToken } from '@/utils/auth'

import { resetRouter } from '@/router'

const state = {
  // 持久化步骤 2 每当刷新, 初始化时尝试取旧数据
  // token: localStorage.getItem('token') || ''
  token: getToken() || '',
  // 当前登录用户的信息
  // 在讲义中用的是 userInfo 变量名
  profile: null
}
const mutations = {
  setToken(state, data) {
    // 持久化步骤 1 每当数据发生变化, 备份一份到本地储存
    // localStorage.setItem('token', data)
    setToken(data)
    state.token = data
  },
  setProfile(state, data) {
    // mutations 被调用时得到一个数据
    // 将它放入state当中即可
    state.profile = data
  },
  removeToken(state) {
    state.token = ''
    removeToken()
  },
  removeProfile(state) {
    state.profile = null
  }
}
const actions = {
  // 每个 action 默认的到两个形参
  // 1. 当前仓库实例, 2. 调用时的传参
  async login(store, data) {
    const res = await login(data)
    store.commit('setToken', res)
    // 主动介入token失效步骤一 登录后记录时间
    localStorage.setItem('loginTime', Date.now())

    // login(data).then(res=>{
    //   store.commit('setToken', res.data.data)
    // })
  },
  async getProfile(store) {
    // action 负责发异步请求
    const res = await getProfile()
    // 上面这个接口只是获取当前登录账号的简单信息
    // 如果需要头像, 还要在接其他接口的数据才行
    const detail = await getUserDetailById(res.userId)
    // console.log(res)
    // 数据获取成功调用 mutations 修改 state
    store.commit('setProfile', {
      ...res,
      ...detail
    })
  },
  logout(store) {
    store.commit('removeToken')
    store.commit('removeProfile')
    resetRouter()
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
